<template>
  <div class="app-page">
    <tab-bar
      :tab-list="tabList"
      :active="active"
      :type="type"
      @change="changeTab"
    />
    <template>
      <no-check-csm-search v-show="active==='noCheckCsmSearch'" />
    </template>
    <template>
      <no-check-address-search v-show="active==='noCheckAddressSearch'" />
    </template>
  </div>
</template>
<script>
  import tabBar from '@/components/Tabs'
  import noCheckCsmSearch from '../noCheckCsmSearch'
  import noCheckAddressSearch from '../noCheckAddressSearch'
  export default {
    name: 'securityOrderManage',
    components: {
      tabBar,
      noCheckCsmSearch,
      noCheckAddressSearch
    },
    data() {
      return {
        type: 'card',
        active: 'noCheckCsmSearch',
        tabList: [
          { label: '未安检客户查询', value: 'noCheckCsmSearch' },
          { label: '未安检地址查询', value: 'noCheckAddressSearch' }
        ],
        corpList: []
      }
    },
    created() {
    },
    methods: {
      changeTab(val) {
        this.active = val
      }
    }

  }
</script>

